<template>
  <div class="about">
    <myNav :twoMenu="true"/>

    <div class="about_container">
      <h1>关于我们</h1>
      <div>“互联网+”信息技术平台建设与运营企业</div>
      <div class="about_img"><img src="../assets/img/about.jpg" /></div>
      <p>广东护康网络科技有限公司，成立于2018年9月18日。由深圳护康网络科技有限公司和广东顺德南方医大科技园有限公司联合投资组建，属于科技推广和应用服务企业。2021年度，被评为“AAA级信用企业、AAA级重合同守信用企业、AAA级重服务守信用企业”等荣誉称号。</p>
      <p>公司紧密结合“互联网+”服务行业特点，深挖用户需求，依托强大的研发技术，融合当今前沿的技术理念，快速响应用户的变化需求。为服务行业机构和用户提供先进、可靠、安全、高质量、易扩展的应用解决方案和平台运营方案。目前，公司重点开展“互联网+医护上门、互联网+医院陪护、互联网+心理咨询、互联网+家政服务”信息技术平台的研发与运营。</p>
    

      <div class="idea">
        <div class="idea_left">
          <img src="../assets/img/about1.png"/>
        </div>
        <div class="idea_right">
          <h3>1.企业宗旨</h3>
          <div>以服务为基础，以质量为生存，以科技求发展。</div>
        </div>
      </div>

      <div class="idea">
        <div class="idea_right target">
          <h3>2.发展目标</h3>
          <div>创建一流服务企业，打造居家养老服务平台新标杆。</div>
        </div>
        <div class="idea_left">
          <img src="../assets/img/about2.png"/>
        </div>
      </div>

      <div class="idea">
        <div class="idea_left">
          <img src="../assets/img/about3.png"/>
        </div>
        <div class="idea_right">
          <h3>3.企业使命</h3>
          <div>让我们携手共进，一起关爱老人，关注健康，帮助社会上需要帮助的人。</div>
        </div>
      </div>


      <div class="honor"><span>荣誉资质</span></div>
      <div class="honor_img">
        <div class="honor_img_item"><img src="@/assets/img/honor1.jpg"/></div>
        <div class="honor_img_item"><img src="@/assets/img/honor2.jpg"/></div>
      </div>

      <div class="more" @click="toHonor">点击查看更多</div>
    
    </div>

    <div class="contact_container">
      <h3>广东护康科技网络有限公司</h3>
      <ul>
        <li>
          <i><img src="../assets/img/app_contact_name.png"/></i>
          <span>联系人：李先生</span>
        </li>
        <li>
          <i><img src="../assets/img/app_contact_tel.png"/></i>
          <span>电话：400-020-8118</span>
        </li>
        <li>
          <i><img src="../assets/img/app_contact_mobile.png"/></i>
          <span>招商热线：186-6484-1268</span>
        </li>
        <li>
          <i><img src="../assets/img/app_contact_wz.png"/></i>
          <span>网址(PC端): www.ihkxb.com</span>
        </li>
        <li>
          <i><img src="../assets/img/app_contact_add.png"/></i>
          <span>地址：广州市番禺区奥园城市天地8区2栋1703</span>
        </li>
      </ul>
    </div>


    <bottom/>
    <contact/>
  </div>
</template>

<script>
import contact from '../components/global/contact.vue'
export default {
  components: { contact },
  methods: {
    toHonor(){
      this.$router.push({
        path:'/honor',
        query:{ 
          currentPageName:'荣誉资质'
        }
      })
      document.documentElement.scrollTop = 0;
    }
  },
}
</script>

<style lang="scss" scoped>
img{
  width:100%;
  height:100%;
}
.about_container{
  padding: 20px 10px 0;
  text-align:center;
  h1{
    color:#4F93FF;
  }
  .about_img{
    width:354px;
    height:190px;
    padding:20px 0;
  }
  p{
    text-align:left;
    line-height: 30px;
    &::before{
      content:"      ";
      white-space: pre;
    }
  }
  .idea{
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    >div{
      flex-grow: 1;
      flex-basis: min-content;
      text-align: left;
    }
    .idea_right{
      padding-left:20px;
      line-height: 26px;
      h3{
        color:#4F93FF;
      }
    }
    .target{
      padding-left: 0;
      padding-right:20px;
    }
  }
  .honor{
    padding:20px 0 40px;
    span{
      display:block;
      width:70px;
      padding:10px 20px;
      margin:0 auto;
      background-color:#16accc;
      color:#fff;
    }
  }
  .honor_img{
    display:flex;
    justify-content:space-around;
    .honor_img_item{
      width:157px;
      height:118px;
    }
  }
  .more{
    color:#16accc;
    padding:20px 0;
    font-size:24px;
  }
}
.contact_container{
  h3{
    text-align: center;
    color:#16accc;
    padding-bottom: 10px;
  }
  li{
    padding:10px 10px 10px;
    border-bottom: 1px dashed;
    i{
      vertical-align: middle;
    }
    img{
      width: 20px;
      height: 20px;
    }    
  }

}
</style>